
<section id="main" style="background-color:#463E35;">
	<div class="templat-title">
		<img :src="content.logoUrl" v-if="!content.logoUrl.includes('template16')"  class="logo-img" v-show="showLogo"/>
		<h2 v-html="content.text1"></h2>
		<img :src="content.picUrl1" class="data-img1"/>
		<img src="http://skyforest.static.elab-plus.com/temp/template16/bg3.png" class="data-img2"/>
		<p class="text-detail" v-html="content.text2"></p>
		<img src="http://skyforest.static.elab-plus.com/temp/template16/bg2.png" class="bottom-img"/>
		<img src="http://skyforest.static.elab-plus.com/temp/template16/bg1.png"/>
		<!-- <div class="template-gray"></div> -->
	</div>
	<div class="template-sub">
		<div class="sub-img">
			<h3 v-html="content.text3"></h3>
		</div>
		<p class="sub-detail" v-html="content.text4"></p>
		<p class="text-right"><img :src="content.picUrl2" class="data-img3"/></p>
		<div class="bottom-sec">
			<img :src="content.picUrl3" class="data-img4"/>
			<img src="http://skyforest.static.elab-plus.com/temp/template16/bg3.png" class="bg3-img"/>
		</div>
		<img src="http://skyforest.static.elab-plus.com/temp/template16/bg2.png" class="right-img"/>
	</div>
	<div class="templat-main">
		<!-- <div class="template-gray"></div> -->
		<div class="sub-img">
			<h3 v-html="content.text5"></h3>
		</div>
		<img :src="content.picUrl4" class="data-img1" style="top:3.4rem;"/>
		<img src="http://skyforest.static.elab-plus.com/temp/template16/bg3.png" class="data-img2" style="top:3.4rem;"/>
		<p class="sub-det" v-html="content.text6"></p>
		<img :src="content.picUrl5" class="data-img5"/>
		<img src="http://skyforest.static.elab-plus.com/temp/template16/bg2.png" class="bottom-img"/>
	</div>
	<div class="template-sub" style="padding-top:3rem;">
		<div class="sub-img">
			<h3 v-html="content.text7"></h3>
		</div>
		<mt-swipe :auto="4000" class="swiper-img data-img1" style="top:5.8rem;border-color:#000;">
			<mt-swipe-item v-for="(item,index) in content.picUrl6" :key="index"><img :src="item" class=""/></mt-swipe-item>
		</mt-swipe>
		<!-- <img src="http://skyforest.static.elab-plus.com/temp/template16/pic4.png" class="data-img1" style="top:5.8rem;border-color:#000;"/> -->
		<img src="http://skyforest.static.elab-plus.com/temp/template16/bg3.png" class="data-img2" style="top:5.8rem;"/>
		<p class="sub-detail1" v-html="content.text8"></p>
		<img src="http://skyforest.static.elab-plus.com/temp/template16/bg2.png" class="right-img"/>
	</div>
	<div class="templat-main templat-main1" style="padding-top:2rem;">
		<!-- <div class="template-gray"></div> -->
		<div class="sub-img">
			<h3 v-html="content.text9"></h3>
		</div>
		<div class="bottom-sec">
			<mt-swipe :auto="4000" class="swiper-img data-img4">
				<mt-swipe-item v-for="(item,index) in content.picUrl7" :key="index"><img :src="item" class=""/></mt-swipe-item>
			</mt-swipe>
			<!-- <img src="http://skyforest.static.elab-plus.com/temp/template16/pic3.png" class="data-img4"/> -->
			<img src="http://skyforest.static.elab-plus.com/temp/template16/bg3.png" class="bg3-img" style="right:0.6rem;"/>
		</div>
		<p class="sub-det" style="top:8rem;" v-html="content.text10"></p>
		<img src="http://skyforest.static.elab-plus.com/temp/template16/bg2.png" class="bottom-img"/>
	</div>
	<div class="tel-sec">
		<p class="tel-title">您可以在线咨询置业顾问:</p>
		<div class="counselor-sec">
			<img src="http://skyforest.static.elab-plus.com/temp/template2/button_online.png" @click="contactCounselor"/>
		</div>
		<div class="tel-sec1">
			<input type="tel" v-model="phone" placeholder="手机号"/>
			<div class="btn text-center" @click="getVerifyFn">{{verifyText}}</div>
		</div>
		<div class="tel-sec1">
			<input type="tel" placeholder="验证码" v-model="verify"/>
			<div class="btn text-center" @click="submit">提交</div>
		</div>
		<p class="text-tel">您也可以留电，置业顾问会第一时间联系您</p>
		<div class="tel-bot">
			<!-- <div class="tel-main">
				<div class="tel-btn" @click="contactCounselor">
					<p>在线顾问</p>
					<i></i>
				</div>
				<div class="coun-btn">
					<a v-on:click="trackTel" :href="'tel:'+telephone">
						<p>电话咨询</p>
						<i></i>
					</a>
				</div>
			</div> -->
			<img :src="appQrCode" class="code-img" v-if="appQrCode==''?false:true"/>
			<p class="text-center text-code" v-if="appQrCode==''?false:true">扫描下载项目APP</p>
			<p class="text-center text-adr">项目地址：{{address}}</p>
			<p class="text-center text-adr">开发商：{{owner}}</p>
			<a v-on:click="trackTel" :href="'tel:'+telephone" class="tel-img">
				<!-- <img src="http://skyforest.static.elab-plus.com/temp/template2/button_phone.png" class="tel-img"/> -->
			</a>
			<p class="text-center text-bot">本资料提供的所有文字、图片、视频数据仅供参考，</p>
			<p class="text-center text-bot">最终以政府批准文件及双方签订的买卖合同为准</p>
			<!-- <div class="edite-code">
				<img :src="content.finalImg== undefined||content.finalImg=='' ?'http://skyforest.static.elab-plus.com/detail/defaultCode.png':content.finalImg"/>
				<div class="code-title">
					<p class="title">{{content.finalTitle1}}</p>
					<p class="sub-title">{{content.finalTitle2}}</p>
				</div>
			</div> -->
		</div>
	</div>
</section>
